<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_u2Fqb0',
'ZY_BingChengGongJiangJingShen_1',
'ZY_TiGongQuanFangWeiQing_2',
'ZY_XinXingGaoQiangXiTu_3',
'img_dVkJM4',
'ZY_FuHeBan_5',
'ZY_XinXingGaoQiangXiTu_6',
'ZY_TieNiePaoMo_7',
'ZY_JuYouGaoQiangQing_8'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南佳拓新材料有限公司官网${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/animate.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/common.css">
  <style>.box{ padding: 60px 0; } .box .product-detail{ border: 1px solid #D4D8DE; padding: 30px 100px; } .box .product-detail .img-box{ width: 50%; } .box .product-detail .img{ width: 100%; display: block; } .detail-warp{padding-left: 50px; width: 50%; box-sizing: border-box; } .box .detail-warp h4{ font-size: 22px; font-weight: bold; color: #0F62C8; margin-bottom: 60px; } .box .detail-warp p{ font-size: 20px; line-height: 30px; color: #6D7074; margin-top: 20px; } .box .detail-warp p span{ font-weight: bold; color: #2F2F2F; }</style>
  <meta name="keywords" content="湖南佳拓新材料有限公司">
  <meta name="description" content="湖南佳拓新材料有限公司">
 </head> 
 <body> 
  <jsp:include page="_topWithBanner.jsp"></jsp:include>
  <div class="box">
   <cms:art var="art" id="${param.id }"  queryAround="true" ></cms:art>
   <div class="container"> 
    <div class="product-detail flex align-center">
     <div class="img-box animated wow fadeInLeftSmall" data-wow-delay="0s"> 
      <img src="${art.artImage}" class="img zy">
     </div> 
     <div class="detail-warp animated wow fadeInRightSmall" data-wow-delay="0.2s"> 
      <h4 class="zy">${art.artTitle}</h4>
      <p class="zy">${art.artContent}</p>
     </div> 
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/jkxc/pc/js/swiper-bundle.min.js"></script>
  <script src="https://hwfile.csxuncong.com/jkxc/pc/js/wow.min.js"></script>
  <script>
		var itemEls = document.getElementsByClassName('nav-item-hover');
		for(var i= 0; i < itemEls.length;i++){
		    itemEls[i].onmouseover = function(){
		        var els = this.getElementsByClassName('nav-layout');
				var img = this.getElementsByClassName('nav-img')
		        if(els.length) {
		            els[0].style.display = 'block'
					img[0].src = 'https://hwfile.csxuncong.com/jkxc/pc/images/fangxiang-shang.png'
		        };
		    }
		    itemEls[i].onmouseout = function(){
		        var els = this.getElementsByClassName('nav-layout');
				var img = this.getElementsByClassName('nav-img')
		        if(els.length) {
		            els[0].style.display = 'none'
					img[0].src = 'https://hwfile.csxuncong.com/jkxc/pc/images/fangxiang-xia.png'
		        };
		    }
		}
		
		
        var swiper = new Swiper('.banner .mySwiper', {
            loop:true,
			slidesPerView:1,
            autoplay : true,
            pagination: {
				el: ".swiper-pagination",
				type: "bullets",
            },
        });
		
		var wow = new WOW({
		    boxClass: 'wow',
		    animateClass: 'animated',
		    offset: 0,
		    mobile: true,
		    live: true
		});
		wow.init();
    </script> 
 </body>
</html>